/*
	index.php
*/
.wrapper{ margin: auto; width: 1315px;}
.header{ border-bottom: 2px solid #0098D9; clear: both;}
.logo{ margin-bottom: 2px;}
.login{ float: right; position: absolute; top: 0px; right: 5px; width: 300px;}
.login-content{float: right; width: 258px; right: -1px; padding-bottom: 10px; display: none;}
.login-content a{color: red; margin-left: 5px;}
.login-content a span{ font-size: 20px; margin: 5px 0px 5px 0px; font-style: italic; font-weight: bolder;}
.btn-login{float: right; margin-top: 0px; right: -1px; width: 105px; height: 29px;}
.account-info{ margin:5px 0 0 5px;}
.icon{ width: 25px; height: 25px; float: left; margin: 0px 4px 0px 0px;}
a img{ border: none; outline: none;}
.text-center{ margin: 0px 8px 0px 0px;}
.content-body{clear: both; width: 100%; margin: auto;}
.anouncement{ width: 100%; float: left; margin: 4px 0 10px 0; height: 300px;}
.news{ width: 36%; margin: 4px 0 10px 0; height: 300px; float: left;}
.course{ width: 80%; margin: 15px 0px 5px 100px; font-family: times; font-size: 25px;}
.course a{text-decoration: none; }
.new{ width: 15px; height: 15px;}
.container{margin: 4px 0px 0px 0px; float: right;}

/*
	index-content.php
*/
.news-content{margin: 25px 0px 0px 15px;}
.news-row{ margin: 20px 5px 0px 10px; }
.news-row a{font-size: 23px; text-decoration: none; font-weight: bolder; color: }

/*
	manage_overal.php
*/
.vertical-menu{ width: 20%; float: left; min-height: 600px;}
.view-content{width: 79%; margin: 5px 0px 0px 0px; float: right; min-height: 600px;}

/*
	manage_skills.php
*/
.skill-matrix{ width: 100%;}
.skill-matrix td{text-align: center;}
.level-B td div{-webkit-writing-mode:vertical-lr; }
.level-C td div{display:block;-webkit-writing-mode:vertical-lr; writting-mode:tb-lr;}
.level-D td div{display:block;-webkit-writing-mode:vertical-lr; width: 15px; writing-mode:tb-lr;}
.btn-add-skill{float: right;}
.delete{width: 15px; height: 15px; margin-right: 10px; display: none;}

/*
	meeting-room-booking.php
*/
.info{ margin: 5px 5px 5px 5px; }
.info a { text-decoration: none; font-size: 20px; color: blue;}
.booking-room{ margin: 10px 0px 0px 0px; width: 78%; float: right; height: 512px;}
.date-selecting{ float: left; margin: 10px 0px 0px 0px}
.room{ height: 75px;}
.room-name{ font-size: 18px; font-weight: bolder; width: 150px; color: #4297D7; margin-top: 25px; }
.time-person{width: 310px; height: 75px;}
.time-person .time{font-weight: bolder; color: red;}
.time-person .person{ color: black; font-weight: 20px;}
.mbr-wrapper{ min-height: 630px;}
/*
	training-plan.php
*/
.year{float: left; margin-right: 10px;}
.training-plan{width: 98%;}
.training-plan td a{ text-decoration: none; }
.department{float: left;}
.filter{width: 18px; height: 18px;}
.wrapper-training-plan{width: 98.5%; margin: 10px 0px 5px 10px; clear: both; height: 565px; }
/*
	plan-course-detail.php
*/
.course-name{ margin: 5px 5px 0px 5px; font: arial; font-size: 30px; font-weight: bolder; font-style: italic; color: #0098D9;}
.course-infromation-title{border-bottom: 1px solid #0098D9; margin: 5px 20px 10px 10px; clear: both; color: #0098D9; font-size: 25px; }
.information-course-title{ font-family: arial; font-size: 18px; font-style: italic; color: black; margin-left: 27px; width: 200px; float: left;}
.course-information{ font: arial; font-size: 18px; font-weight: bolder;}
.detail{ margin: 5px 5px 10px 20px; }
.start-date{color: red;} 
.end-date{color: green;}
.trainer{color: #2ABAC7;}
.target-group{color: #AFA808;}
.method{color: #E97F0C;}
.number-of-trainees{color: black;}
.training-place{color: black; text-decoration: none;}
.status{color: #CC196F;}
.download-title{font-family: arial; font-size: 15px; font-weight: bolder; color: red; float: left; margin: 0px 10px 0px 27px;}
.download{width: 20px; height: 20px;}
.trainee-list{margin: 0px 0px 5px 0px;}
.list-content{width: 95%; margin: 0px 0px 0px 27px;}
/*
	training-course.php
*/
.training-course-wrapper{clear: both;}
.training-course-menu{ list-style-type: none; ; -webkit-padding-start: 0em; -webkit-margin-after:0px; -webkit-margin-before:13px; -webkit-margin-start:0px; -webkit-margin-end:0px;}
.parent-item{ font-size: 25px; margin: 5px 10px 0px 0px; color: #2E6E9E !important; cursor: default; padding-left: 5px;}
.parent-item span{ float: right;}
.child-item{ font-size: 20px; cursor: default; color: #2E6E9E; margin: 5px 10px 5px 0px;}
.child-item span{float: left;}
.child-menu{ list-style-type: none; display: none;  margin: 0px 10px 0px 0px; -webkit-padding-start: 10px;}
.training-course{ width: 25%; float: left; margin: 0px 0px 5px 5px;}
.training-course-detail{ width: 73%; float: right; margin: 10px 5px 10px 0px; min-height: 570px;}
.training-plan tbody tr{ height: 54px !important;}

/*
	material-detail.php
*/
.course-content{margin: 10px 20px 10px 10px; min-height: 50px;}
.course-content-title{ font-size: 20px; font-weight: bolder; margin-left: 5px;}
.course-content-detail{margin: 5px 0px 5px 10px; font-size: 20px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 20px; -webkit-margin-end: 0px;}

/*
	facilities.php
*/
.facilites-content{ margin: 10px 5px 10px 5px !important;}
.facilities-pic{ width: 80px; height: 50px;}
.facilities a{text-decoration: none;}
.facilities-place{width: 49%; float: left; min-height: 630px; margin-bottom: 20px;}
.facilities-software{ width: 49%; float: right; min-height: 630px; margin-bottom: 20px;}

/*
	facilities-detail.php
*/
.facilities-content{margin: 10px 0px 5px 5px; min-height: 450px;}
.fac-de-pic{margin: 0px 5px 5px 5px; width: 50%; height: 300px;}
.fac-left{width: 46%; float: right; margin-top: 55px;}
.fac-title{font-size: 30px; font-style: italic; font-weight: bold; margin-bottom: 10px; width: 200px; float: left;}
.fac-info{font-size: 30px; color: red; font-weight: bolder; margin-bottom: 10px; width: 350px; float: left; clear: right;}
.fac-des{margin: 5px 0px 5px 5px;}
.fac-des p{font-size: 20px; width: 95%; text-align: justify;}
.fac-title-des{font-size: 30px; font-style: italic; font-weight: bold; width: 200px;}
td a{ text-decoration: none;}
.facilities-soft tbody tr{ height: 54px !important;}
/*
	job-profile.php
*/
.job-profile-wrapper{min-height: 620px;}
.job-menu{ width: 20%; margin: 10px 0px 10px 5px !important; float: left;}
.job-profile-detail{ width: 78%; float: right; margin: 10px  5px 10px 0px; min-height: 610px;}

/*
	job-profile-detail.php
*/
.job-info{margin: 10px 10px 10px 20px;}
.course-title{font-size: 25px; font-weight: bolder;}
.course-info{ font-size: 20px; font-style: italic;}

/*
	training-forms.php
*/
.training-forms tbody tr{ height: 54px !important; }
.forms-content{ margin: 10px 5px 10px 5px; }
.forms-wrapper{ min-height: 630px;}

/*
	training-procedure.php
*/
.procedure-content{ margin: 10px 5px 10px 5px;}

/*
	contact-us.php
*/
.contact-wrapper{min-height: 630px;}
.wrapper-contact-parent{ width: 49%; margin: 10px 30% 10px 30%;}
.left-contact{width: 49%; float: left; }
.right-contact{width: 49%; float: right; }
.wrapper-contact{margin: 10px 10px 10px 10px;}
.contact-img{ margin: 10px 10px 10px 10px; width: 100px; height: 100px; float: left;}
.contact-info{ margin: 10px 10px 10px 5px;}
.contact-info label{ font-size: 20px; font-style: italic; font-weight: bold;}
.contact-info span{ font-size: 20px; font-style: normal; font-weight: bold; color: red; margin-left: 5px;}